<template>
	<!-- v-cloak放置页面闪烁 -->
	<div class="home" v-cloak>
		<HomeCategory></HomeCategory>
		<HomeScrollPic></HomeScrollPic>
		<HomeBooksHot></HomeBooksHot>
		<BooksNew></BooksNew>
	</div>
</template>

<script>
	import HomeCategory from '@/components/Home/HomeCategory'
	import HomeScrollPic from '@/components/Home/HomeScrollPic'
	import HomeBooksHot from '@/components/Home/HomeBooksHot'
	import BooksNew from '@/components/Home/BooksNew'
	export default{
		name:'Home',
		components:{
			HomeCategory,
			HomeScrollPic,
			HomeBooksHot,
			BooksNew
		}
	}
</script>

<style scoped>
.home {
  float: left;
  text-align: center;
  width: 100%;
}
[v-cloak]{
  display: none;
}
</style>